<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!--1.文本标签-->
    我是文字
    <b>我是加粗文字 bold</b>
    <i>我是斜体文字 italic<</i>
    <u>我是下划线文字 underline</u>
    <br><!--br表示换行标签-->
    <s>我是删除文字 delete</s>
    <mark>我是高亮文字 mark</mark>
    <!--空格折叠现象：会将连续的多个空格与换行折叠成一个空格展示出来-->
    <!--转义符号-->
    我喜欢&nbsp;&nbsp;星期三
    <br>
    我是吵吵，我喜欢<zly>,哈哈哈我是zly永远也得不到的男人 <br>
    我是吵吵，我喜欢&lt;zly&gt;,哈哈哈我是zly永远也得不到的男人
    <!--2.标题标签 文字加粗 改变字号 内容独占一行 有垂直方向的行间距-->
    <h1>这是一级标题</h1>
    <h2>这是一个二级标题</h2>
    <h3>这是一个三级标题</h3>
    <h4>这是一个四级标题</h4>
    <h5>这是一个五级标题</h5>
    <h6>这是一个六级标题</h6>
    <!--即使标签不对也不会报错-->
    <h7>这是一个七级标题</h7>
    <!--3.段落标签-->
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
    <!--4.分割线：会在页面生成一条水平的灰色分割线-->
        <hr>
    <!--5.假文-->
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam animi asperiores at atque beatae blanditiis consequatur consequuntur cum cumque delectus deleniti dicta distinctio dolorem dolores doloribus ducimus earum ea eaque eius eligendi enim eos esse eveniet exercitationem expedita facere fuga fugiat harum hic id illum impedit incidunt inventore ipsa ipsum iure iusto laudantium libero magnam maiores maxime minima minus molest.</p>
    <!--6.无序列表 unordered list
          type="none"去除列表项前标识符-->
        <ul type="none">
            <li>列表项1 list item</li>
            <li>列表项2</li>
            <li>列表项3</li>
        </ul>
    <!--7.有序列表 ordered list
        type值：1数字 A/a字母 I/i罗马数字-->
        <ol type="1">
            <li>列表项1 list item</li>
            <li>列表项2</li>
            <li>列表项3</li>
        </ol>
</body>
</html>